<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/comm/include.jsp"%>
<script type="text/javascript" src="${ctx}/script/ztree/jquery.ztree.core-3.5.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/script/ztree/zTreeStyle.css" />
<title>手机银行联盟-返利系统</title>
<style type="text/css">
.navlist{list-style-type:none;margin:0px; padding:1px 3px 3px 3px;}
.navlist li{ padding:0px;}
.navlist li a{line-height:24px;text-decoration:none;}
.navlist li div{margin:2px 0px;padding-left:10px;padding-top:2px; border:1px dashed #ffffff;}
.navlist li div.hover{border:1px dashed #99BBE8; background:#E0ECFF;cursor:pointer;}
.navlist li div.hover a{color:#416AA3;text-decoration:none;}
.navlist li div.selected{border:1px solid #99BBE8; background:#E0ECFF;cursor:default;}
.navlist li div.selected a{color:#416AA3; font-weight:bold;text-decoration:none;}
</style>
<SCRIPT type="text/javascript">
		$(function(){
			$('.navlist li div').click(function(){
				var title = $(this).attr("dt");
				var link = $(this).attr("dl");
				$('.navlist li div').removeClass("selected");
				$(this).addClass("selected");
				show(title,link);
			}).hover(function(){
				$(this).addClass("hover");
			},function(){
				$(this).removeClass("hover");
			});
			$("#logout").click(function(){
				$.post('${ctx}/user/userlogout.htm',function(result){
					if(result==1){
						window.location.href='${ctx}/index.html';
					}
				},"text");
			});
		});
		function show(title,link) {
			if(title!='')
				$('#workArea').panel('setTitle',title);
			if(link!='')
				$("#pageView").attr('src',link);
		}
</SCRIPT>
</head>
<body class="easyui-layout" style="overflow-y: hidden">
	<div id="north" data-options="region:'north'" style="width: 100%; height: 30px; overflow: hidden;">
		<img src="./images/logo.png" style="height:30px;"/>
		<span style="float:right; padding:10px 20px;font-family:microsoft yahei;">${user.userName} <span id="logout" style="cursor:pointer;">退出系统</span></span>
	</div>
	<div id="west" data-options="title:'管理中心',region:'west'" style="width: 200px; height: 100%; overflow-x: hidden;background-color: #F7F7F7">
		<ul class="navlist">
			<c:forEach items="${menuList}" var="menu">
				<li>
					<div dl="${ctx}${menu.menuLink}" dt="${menu.menuName}">
						<a href="#" rel="demo1.html">
							<span class="nav">${menu.menuName}</span>
						</a>
					</div>
				</li>
			</c:forEach>
		</ul>
	</div>
	<div id="center" data-options="region:'center'" style="background: #eee; background-image: url('${ctx}/css/bg.jpg');overflow: hidden">
		<div id="workArea" class="easyui-panel" data-options="border:false,title:' ',fit:true,iconCls:'icon-handler',collapsible:true">
		    <iframe id="pageView" name="pageView" style="width:100%;height:100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="yes"></iframe>
		</div>
	</div>
</body>
</html>